﻿.ps-container {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
    height: 100%;
}

.ps-menu-bar {
    grid-column: 1 / -1;
    background-color: #333;
    display: flex;
    padding: 10px;
}

    .ps-menu-bar button {
        background-color: #555;
        color: white;
        margin-right: 10px;
        padding: 5px 10px;
    }

.ps-tool-bar {
    background-color: #444;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

    .ps-tool-bar button {
        margin-bottom: 10px;
        padding: 5px;
    }

.ps-canvas {
    background-color: white;
    margin: 10px;
    border: 1px solid #ccc;
    /* 添加更多样式来模仿画布 */
}
